<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/detail.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.raty.js"></script>
<body>
<s:debug/>
<div id="db-global-nav" class="global-nav">
    <div class="bd">
        <div class="top-nav-right">
              <s:if test="nowUser==null">
            <a href="" class="oon">登录</a>
            <a href="" class="oon">注册</a>
            </s:if>
        <s:else>
      ${nowUser['loginname'] }      
        </s:else>
            <a href="" class="oon">下载豆瓣客户端</a>
        </div>
        </div>
    <div class="top-nav-left">
        <ul class="">
            <li class="on">
                <a href="">豆瓣</a>
            </li>
            <li class="on">
                <a href="">读书</a>
            </li>
            <li class="on">
                <a href="${pageContext.request.contextPath}/movie_showisHotMovie.action">电影</a>
            </li>
            
        </ul>
    </div>
</div>

<div id="db-nav-movie" class="nav">
    <div class="nav-wrap">
        <div class="nav-primary">
            <div class="nav-logo">
                <a href="">豆瓣电影</a>
            </div>
            <div class="nav-search">
                <form method="get">
                    <fieldset>
                        <legend>搜索：</legend>
                        <label for="inp-query">
                        </label>
                        <div class="inp"><input id="inp-query" name="search_text" size="22" maxlength="60"
                                                placeholder="电影、影人、影院、电视剧" value=""></div>
                        <div class="inp-btn"><input type="submit" value="搜索"></div>
                        <input type="hidden" name="cat" value="1002"/>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="nav-secondary">
        <div class="nav-items">
            <ul>
                <li><a href="">影讯&购票</a>
                </li>
                <li><a href="">选电影</a>
                </li>
                <li><a href="">电视剧</a>
                </li>
                <li><a href="">排行榜</a>
                </li>
                <li><a href="">分类</a>
                </li>
                <li><a href="">影评</a>
                </li>
                <li><a href="">2016年度榜单</a>
                </li>
                <li><a href="">2016观影报告</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="nav">
    <div class="nav-primary">
        <div class="width">
           
         
            <div class="title-top">
                <h1>
                    ${mi.name } &nbsp;&nbsp;&nbsp;&nbsp;<span class="title-top-color">
                    <s:date name="mi.date" format="yyyy-MM-dd"></s:date></span>
                </h1>
            </div>
            <div class="subject">
                <div class="title-top-left left">
                    <a>
                        <img src="${mi.imagpath}">
                    </a>
                </div>
                <div class="title-top-right left">
                    <span class="">导演：<a href="">${mi.director }</a></span><br>
                    <span class="">编剧：<a href="">${mi.bianju}</a></span><br>
                    <span class="">主演：<a href="">${am.name }</a></span><br>
                    <span class="">上映时间：<label>
                    <s:date name="mi.date" format="yyyy-MM-dd"></s:date>
                    </label></span><br>
                    <span class="">片名：<label>${mi.name }
                      </label></span><br>
                </div>

            </div>
        </div>
  

        <div class="kandy clear">
            <div class="kandy-kuang"><a>想看</a></div>
            <div class="kandy-kuang"><a>看过</a></div>
            <div>
                <div class="kandy-zi left">评价:</div>
                <span>
                    <div id="start1"></div>
                </span>
            </div>
        </div>
             
             <!-- 评价 -->
                 <form  action="${pageContext.request.contextPath}/movie_mark" method="post" id="pingForm">
                 <!-- 评分 -->
                  <s:hidden name="pf" id="pf"/>
                <input type="hidden" name="moid" value="${mi.id }">
        <div class="gtleft">
            <ul class="">
                <li class="left gtleft-right">
                    <img src="https://img3.doubanio.com/f/shire/cc03d0fcf32b7ce3af7b160a0b85e5e66b47cc42/pics/short-comment.gif">
                    <a  href="javascript:void(0)" name="" target="_top" id="dp">写短评</a>
                    <div id="pingluns" style="width: 230px;height: 200px;margin-left: 10px;margin-top: 19px;position: absolute;display: none;background: #EBF5EA;text-align: center;padding-top: 10px">
                         <div id="start" style="margin:0;padding: 0"> </div>
                    <textarea rows="10" cols="20" name="content"></textarea>
                    
                    <a href="javascript:void(0)" id="aping" style="background: white;border-radius: 3px;font-size: 13px;color:#444;border: 1px solid  black ;vertical-align: center;padding: 5px 5px;">提交</a>
                    </div>
                </li>
                <li class="left gtleft-right">
                    <img src="https://img3.doubanio.com/f/shire/5bbf02b7b5ec12b23e214a580b6f9e481108488c/pics/add-review.gif">
                    <a href="">写影评</a>
                </li>
             
                <li class="left gtleft-right">
                    <img src="https://img3.doubanio.com/f/shire/61cc48ba7c40e0272d46bb93fe0dc514f3b71ec5/pics/add-doulist.gif">
                    <a href="">提问题</a>
                </li>
                <li>
                    <span class="rec gtleft-right">
                        <a href="" class="bn-sharing ">分享到</a>
                    </span>
                </li>
            </ul>
               </form>
  
            <script type="text/javascript">
            $(function(){
               var hiddenDiv=$("#dp").next();
                   $("#start1").raty(
                   {
                   path:"${pageContext.request.contextPath}/style/img",width:"300px",
                   click: function(score, evt) {
                   var nowScore=score;
                          $(this).empty();
                          $(this).raty({ path:"${pageContext.request.contextPath}/style/img",width:"300px",});              
                   $("#start").raty(
                     {
                    path:"${pageContext.request.contextPath}/style/img",width:"170px",
                    score: nowScore
                       });           
                   hiddenDiv.show();
                          $("#aping").click(function(){
               $("#pf").val(nowScore);

                   $("#pingForm").submit();
                   });
              }
                   });
                   $("#dp").click(function(){
                   $("#start").raty(
                   {
                   path:"${pageContext.request.contextPath}/style/img",width:"250px"
                   });
                   hiddenDiv.show();
                   }); 
          
            });
            </script>
        </div>

        <div class="gtle width">
            <div class="gtle-top">
                摔跤吧！爸爸的剧情简介......
            </div>
            <div>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;马哈维亚·辛格·珀尕（阿米尔·汗 Aamir Khan 饰）曾是印度国家摔跤冠军，
                    因生活所迫放弃摔跤。他希望让儿子可以帮他完成梦想——赢得世界级金牌。
                    结果生了四个女儿本以为梦想就此破碎的辛格却意外发现女儿身上的惊人天赋，
                    看到冠军希望的他决定不能让女儿的天赋浪费，像其他女孩一样只能洗衣做饭过一生 ，
                    再三考虑之后，与妻子约定一年时间按照摔跤手的标准训练两个女儿：换掉裙子 、
                    剪掉了长发，让她们练习摔跤，并赢得一个又一个冠军，最终赢来了成为榜样激励千千万万女性的机会……</p>
            </div>
        </div>
        <div class="gtle width">
            <div class="gtle-top">
                摔跤吧！爸爸的影人......(<a>全部15</a>)
            </div>
            <div>
              
                <ul class="tu-ren">
                    <li class="">
                        <a class="" href="">
                            <img width="75" src="https://img3.doubanio.com/img/celebrity/medium/1484120321.24.jpg">
                        </a>
                    </li>
                    <li class="dianying-name"><a>涅提·蒂瓦里</a></li>
                    <li class="dianying-pin">
                        <span class="">导演</span>
                    </li>
                </ul>
            </div>
        </div>
   
        <div class="gtle width">
            <div class="gtle-top">
                喜欢这部电影的人也喜欢......
            </div>
            <div>
             
                <ul class="tu-kan">
                    <li class="">
                        <a class="" href="">
                            <img width="100"
                                 src="https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p1312700628.webp">
                        </a>
                    </li>
                    <li class=""><a>当幸福来敲门</a></li>
                </ul>
            </div>
        </div>
        <div class="gtle width">
            <div class="gtle-top left">
                摔跤吧！爸爸的短评......(<a>全部98645条</a>)
            </div>
            <div class="gtle-right">
                <a>我要写短评</a>
            </div>
            <div class="clear"></div>
            <div class="gtle-remen">
                <span>热门<a>最新</a>/<a>好友</a></span>
            </div>
            <div>
                <div class="comment-item">

                    
      <s:iterator value="emInfoList">
                    <div class="comment">
                        <h3>
                            <span class="comment-vote right">
                                <span class="votes">6857</span>
                                <a href="" class="">有用</a>
                            </span>
                            <span class="comment-info">
                                <a href="" class="left">${user.loginname}</a>&nbsp;
                                <span class="left">看过</span>&nbsp;
                                <span class="start2" data-number="${score }"></span>&nbsp;
                                <script type="text/javascript">
				                     $(function(){
				             				  $('.start2').raty({
				              				 path:"${pageContext.request.contextPath}/style/img",
				              		  		width:"160px",
				            				score: function() {
				              				return $(this).attr('data-number')
					                 				},
				              					});
				          					});
              
                                </script>
                                <span class="comment-time left">
                                   <s:date name="time" format="yyyy-MM-dd"/>
                                </span>
                            </span>
                        </h3>
                        <div class="clear"></div>
                        <p class="">
                       ${content }
                        </p>
                    </div>
                    
                    </s:iterator>
                    
                    <div class="font">
                        &gt;<a>更多短评98645条</a>
                    </div>
                </div>
            </div>
        </div>
       
        <div class="footer">
            <div id="footer">
                <span id="" class="fleft ">&copy; lalala</span>
            <span class="right fleft-right">
            <a href="">关于豆瓣</a>
         · <a href="">在豆瓣工作</a>
         · <a href="">联系我们</a>
         · <a href="">免责声明</a>
         · <a href="">帮助中心</a>
         · <a href="">开发者</a>
         · <a href="">移动应用</a>
         · <a href="">豆瓣广告</a>
            </span>
            </div>
        </div>
    </div>


</body>
</html>